$color: (name: "primary", color: $color-primary),
(name: "success", color: $color-success),
(name: "danger", color: $color-danger),
(name: "normal", color: $color-normal);

@for $i from 1 through length($color) {
  $item: nth($color, $i);
  $name: map-get($item, name);
  .color-#{$name} {
    color: map-get($item, color) !important;

    &:hover, &.hover, &:active, &.active {
      color: map-get($item, color) !important;
    }
  }
  .color-bg-#{$name} {
    background-color: map-get($item, color)!important;
  }
  .color-border-#{$name} {
    border-color: map-get($item, color);
  }
}
